<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title th:text="${wbeParameter.name}">Tour Packer</title>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
    <link rel="stylesheet" href="/resource/common/layui/css/layui.css" media="all"/>
    <link rel="shortcut icon" href="images/ico/favicon.png">
    <!-- CSS Plugins -->
    <link rel="stylesheet" type="text/css" href="/resource/css/front/bootstrap.min.css" media="screen">
    <link href="/resource/css/front/animate.css" rel="stylesheet">
    <link href="/resource/css/front/main.css" rel="stylesheet">
    <link href="/resource/css/front/component.css" rel="stylesheet">
    <link href="/resource/css/front/style.css" rel="stylesheet">
    <link href="/resource/css/front/style.css" rel="stylesheet">
    <link href="/resource/css/front/index.css" rel="stylesheet">
    <!-- CSS Font Icons -->
    <link rel="stylesheet" href="/resource/css/front/icons/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/resource/css/front/icons/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="/resource/css/front/icons/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" href="/resource/css/front/icons/themify-icons/themify-icons.css">
    <link rel="stylesheet" href="/resource/css/front/icons/rivolicons/style.css">


    <style>
        .newsDetails_main {
            background-color: #f2f2f2;
            width: 450px;
            height: 350px;
            position: absolute;
            right: 43%;
            top: 22%;
        }
    </style>
</head>
<body style="background: url('../resource/image/loginBg.jpg')">
<a href="/"><h2 th:text="${wbeParameter.name}" style="color: white;padding: 20px 0px 0px 20px"></h2></a>
<div class="newsDetails_main" style="left: 0%;background-color: #F5F5F5;width: 20%;top: 13%">





    <center><h3 style="font-size:20px;color:#333333;" ><a  href="/"><strong>返回首页</strong></a></h3></center>
    <center><h3 style="font-size:20px;color:#333333;background-color:#FFFFFF;"  th:text="${news.categoryName}"></h3></center>




</div>
<div class="newsDetails_main" style="right: 0%;background-color: white;width: 80%;top: 13%">
    <div class="detail-cont">
        <h3 style="font-size:20px;color:#333333;background-color:#FFFFFF;" ><strong><span th:text="${news.name}"></span></strong></h3>
        <div class="newsClass"> <b
                th:text="${#strings.substring(news.time,0,19)}"></b>
            <HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
            <p th:utext="${news.content}"></p>
        </div>
    </div>
</div>




    <!-- JS -->
    <script type="text/javascript" src="/resource/js/front/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/bootstrap.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/resource/js/front/SmoothScroll.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.slicknav.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.placeholder.min.js"></script>
    <!--<script type="text/javascript" src="js/instagram.min.js"></script>-->
    <script type="text/javascript" src="/resource/js/front/spin.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.introLoader.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/select2.full.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.responsivegrid.js"></script>
    <script type="text/javascript" src="/resource/js/front/ion.rangeSlider.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/readmore.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/slick.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/validator.min.js"></script>
    <script type="text/javascript" src="/resource/js/front/jquery.raty.js"></script>
    <script type="text/javascript" src="/resource/js/front/customs.js"></script>
    <script type="text/javascript" src="/resource/common/layui/layui.js"></script>

    <script type="text/javascript" th:inline="javascript">
        layui.use(['jquery', 'table', 'layer', 'laydate', 'form',], function () {
            var table = layui.table,
                $ = layui.$,
                layer = layui.layer,
                laydate = layui.laydate,
                form = layui.form;

        });
    </script>

</body>
</html>